﻿@model SMECustomerWebsite.Models.ViewModels.AdminProduct.ProductInfoViewModel
<!--question checklist-->
<div id="div_question_checklist" class="row">
    <div class="x_panel">
        <div class="x_title">
            <h2>@SMECustomerWebsite.Core.Resources.Resource.ChecklistQuestionTitle</h2>
            <ul class="nav navbar-right panel_toolbox">
                <li>
                    <a onclick="return addQuestion();"><i class="fa fa-plus-square"></i></a>
                </li>
                <li>
                    <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                </li>
            </ul>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">
            @using (Html.BeginForm("ProductInfo", "AdminProduct", FormMethod.Post, new { @class = "form-horizontal form-label-left" }))
            {
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">
                        @SMECustomerWebsite.Core.Resources.Resource.ProductHandbookName (@SMECustomerWebsite.Core.Resources.Resource.English)
                    </label>
                    @Html.HiddenFor(m => m.ProductId)
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        @Html.TextAreaFor(m => m.ProductNameEn, new { enctype = "multipart/form-data", id = "questionInput", @class = "form-control", rows = "3" })
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">                        
                        @SMECustomerWebsite.Core.Resources.Resource.ProductHandbookName (@SMECustomerWebsite.Core.Resources.Resource.Vietnamese)
                    </label>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        @Html.TextAreaFor(m => m.ProductName, new { enctype = "multipart/form-data", id = "questionInput", @class = "form-control", rows = "3" })
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">                        
                        @SMECustomerWebsite.Core.Resources.Resource.ProductHandbookDocument (@SMECustomerWebsite.Core.Resources.Resource.English)
                    </label>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        @Html.TextAreaFor(m => m.DocumentProductEn, new { enctype = "multipart/form-data", id = "editorProductEn", @class = "form-control", rows = "3" })
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">
                        @SMECustomerWebsite.Core.Resources.Resource.ProductHandbookDocument (@SMECustomerWebsite.Core.Resources.Resource.Vietnamese)
                    </label>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        @Html.TextAreaFor(m => m.DocumentProduct, new { enctype = "multipart/form-data", id = "editorProduct", @class = "form-control", rows = "3" })
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">                        
                        @SMECustomerWebsite.Core.Resources.Resource.ProductHandbookOverview (@SMECustomerWebsite.Core.Resources.Resource.English)
                    </label>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        @Html.TextAreaFor(m => m.OverviewProductEn, new { enctype = "multipart/form-data", id = "OverviewProductEn", @class = "form-control", rows = "3" })
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">
                        @SMECustomerWebsite.Core.Resources.Resource.ProductHandbookOverview (@SMECustomerWebsite.Core.Resources.Resource.Vietnamese)
                    </label>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        @Html.TextAreaFor(m => m.OverviewProduct, new { enctype = "multipart/form-data", id = "OverviewProduct", @class = "form-control", rows = "3" })
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">                        
                        @SMECustomerWebsite.Core.Resources.Resource.ProductHandbookXselling (@SMECustomerWebsite.Core.Resources.Resource.English)
                    </label>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        @Html.TextAreaFor(m => m.XSellingProductEn, new { enctype = "multipart/form-data", id = "XSellingProductEn", @class = "form-control", rows = "3" })
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">
                        @SMECustomerWebsite.Core.Resources.Resource.ProductHandbookXselling (@SMECustomerWebsite.Core.Resources.Resource.Vietnamese)
                    </label>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        @Html.TextAreaFor(m => m.XSellingProduct, new { enctype = "multipart/form-data", id = "XSellingProduct", @class = "form-control", rows = "3" })
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">                        
                        @SMECustomerWebsite.Core.Resources.Resource.ProductHandbookCondition (@SMECustomerWebsite.Core.Resources.Resource.English)
                    </label>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        @Html.TextAreaFor(m => m.ConditionProductEn, new { enctype = "multipart/form-data", id = "ConditionProductEn", @class = "form-control", rows = "3" })
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">
                        @SMECustomerWebsite.Core.Resources.Resource.ProductHandbookCondition (@SMECustomerWebsite.Core.Resources.Resource.Vietnamese)
                    </label>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        @Html.TextAreaFor(m => m.ConditionProduct, new { enctype = "multipart/form-data", id = "ConditionProduct", @class = "form-control", rows = "3" })
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-12" style="text-align:center;">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-primary" id="save_change_question">Save changes</button>
                    </div>
                </div>
            }
        </div>
    </div>
</div>
@section scripts
{
    <script type="text/javascript" src="~/Scripts/ckeditor/ckeditor.js"></script>
    <script type="text/javascript">
        CKEDITOR.replace('editorProductEn');
        CKEDITOR.replace('editorProduct');
        CKEDITOR.replace('OverviewProductEn');
        CKEDITOR.replace('OverviewProduct');
        CKEDITOR.replace('XSellingProductEn');
        CKEDITOR.replace('XSellingProduct');
        CKEDITOR.replace('ConditionProductEn');
        CKEDITOR.replace('ConditionProduct');
    </script>
}
